<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script src="../ext-core.js"></script>
<script src="../$.js"></script>
<script src="../ext/Component.js"></script>
<script src="../ext/Box.js"></script>
<script src="../ext/dd/Drag.js"></script>
<script src="../ext/dd/Manager.js"></script>
<script>
$.onReady(function(){
	var box = new $.Box('box1', {
		width: 200
		,height: 200
		,autoRender: true
	});
	
	/*box.getEl().on('click', function(){
		box.setXY([400, 400], true);	
	});*/
	
	var drag = new $.dd.Drag(box.getEl(), {
		data: {a: 1}
		//,offsetMouseX: 100
	});
	
	drag.on('beforestart', function(drag){
		drag.el.setStyle({cursor: 'move'});	
	});
	drag.on('drop', function(drag, e, data){
		
	});
});
</script>
</head>

<body>

<div id="box1" style="background:#ccc"></div>

</body>
</html>
